<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "寰蒋闆呴粦";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}
.head_wel{
	width: 100%;
	background-color: #0461c1;
}
.head_weldv{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}
.head_weldvleft{
	color: #b2d9ff;
	line-height: 35px;
	font-size: 14px;
}
.head_weldvright{
	line-height: 35px;
	background-color: #0357ad;
	font-size: 24px;
	font-family: "AvantGarde Bk BT";
	color: #fff;
	padding: 0 20px;
}
.headtop{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head_nav ul {
	display: flex;
	justify-content: space-between;
}
.head_nav ul li{
	margin: 0px 30px;
}
.head_nav ul li a{
	color: #333333;
	font-size: 16px;
}
.banners img{
	width: 100%;
	display: block;
}
.index_pro{
	width: 100%;
	background-color: #f5f5f5;
	position: relative;
	padding-bottom: 120px;
}
.index_prodv{
	width: 1500px;
	margin: 0 auto;
	padding-top: 50px;
	position: absolute;
	top: -150px;
	background-color: #f5f5f5;
	left: 50%;
    margin-left: -750px;
    z-index: 99;
}
.index_bt{
	width: 1200px;
	text-align: center;margin: 0 auto;
}
.index_bt h1{
	color: #333333;
	font-size: 36px;
	margin-bottom: 10px;
}
.index_bt p{
	width: 820px;
	margin: 0 auto;
	text-align: center;
	color: #666666;
	line-height: 30px;
	font-size: 14px;
}
.index_prolist{
	width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
}
.index_prolist ul {
	display: flex;
	justify-content: flex-start;
}
.index_prolist ul li{
	width: 300px;
}
.index_prolist ul li div{
	width: 100%;
	overflow: hidden;
}
.index_prolist ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.index_prolist ul li p{
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 16px;
	color: #333333;
	background-color: #FFFFFF;
}
.index_prolist ul li:nth-child(odd){
	background-color: #ebebec;
}
.index_prolist ul li:hover img{
	transform: scale(1.05);
}
.index_prolist ul li:hover p{
	background-color: #0461c1;
	color: #FFFFFF;
}
.index_about{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.index_abouttext{
	width: 485px;
	padding:70px;
}
.index_about div img{
	display: block;
}
.index_abouttext{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.index_abouttext h1{
	color: #333333;
	font-size: 28px;
	font-family: arial;
	font-weight: bold;
	margin-bottom: 25px;
}
.index_abouttext h2{
	font-size: 36px;
	color: #0461c1;
	margin-bottom: 20px;
}
.index_abouttext h2 i{
	color: #333333;
}
.index_abouttext p{
	line-height: 30px;
	font-size: 16px;
	color: #666666;
	margin-bottom: 40px;
}
.index_abouttext  a{
	color: #0461c1;
	font-size: 16px;
}
.index_youshi{
	background: url(../images/youshi_02.jpg) center no-repeat;
	height: 360px;
	background-size: cover;
}
.ysdv{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 100%;
}
.ysdvleft h1{
	font-size: 60px;
	font-family: "Impact";
	color: #fff;
}
.ysdvleft h2{
	color: #f6f6f6;
	font-size: 36px;
	font-weight: bold;
}
.ysdvleft p{
	font-size: 14px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 30px;
}
.ysdvright h1{
	font-size: 36px;
	font-family: "Impact";
	text-transform: uppercase;
	color: #fff;
}
.ysdvright p{
	font-size: 36px;
	color: #fff;
	margin-bottom: 30px;
}
.ysdvright p i{
	color: #fff003;
}
.indexshilidvleft{
	width: 520px;
	padding: 40px;
	background-color: #fff;
}
.indexshilidv{
	display: flex;
	justify-content: flex-end;
	height: 335px;
}
.indexshilidv img{
	display: block;
}
.indexshilidvleft h1{
	color: #f6f6f6;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}
.indexshilidvleft h2{
	color: #333333;
	font-size: 32px;
	line-height: 60px;
	border-bottom: 1px solid #eeeeee;
}
.indexshilidvright{
	width: 50%;overflow: hidden;
}
.indexshilidvright img{
	width: 100%;
}
.indexshilidvleft i{
	display: block;
	margin-bottom: 30px;
	width: 55px;
	height: 3px;
	background-color: #0461c1;
	margin-top: -2px;
}
.indexshilidvleft p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.indexshilidv:nth-child(2){
	justify-content: flex-start;
}
.indexshilidv:nth-child(2) .indexshilidvright{
	display: flex;
	justify-content: flex-end;
	background-color: #efefef;
	width: 50%;
}
.index_news{
	width:100%;
	padding: 80px 0px;
	background-color: #f5f4f4;
}
.index_newstop {
	text-align: center;
	color: #333333;
	font-size: 36px;
	margin-bottom: 50px;
}
.indexnewsdv{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.indexnewsdv_left{
	width: 455px;
	padding: 25px 0px;
	background-color: #0461c1;
}
.indexnewsdv_left a h1{
	padding-left: 20px;
	color: #fefefe;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.indexnewsdv_left a span{
	display: block;
	margin-bottom: 15px;
	color: #b5d9fd;
	font-size: 14px;
	padding-left: 20px;
}
.indexnewsdv_left div{
	width: 100%;
}
.indexnewsdv_left div img{
	display: block;
	transition: all .5s;width: 100%;
}
.indexnewsdv_left a p{
	padding-left: 20px;
	margin-top: 25px;
	margin-bottom: 20px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
}
.indexnewsdv_left a i{
	color: #b0d7fd;
	font-size: 14px;
	line-height: 35px;padding-left: 20px;
}
.indexnewsdv_right{
	
	background-color: #FFF;
	width: 730px;
}
.indexnewsdv_right ul{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}
.indexnewsdv_right ul li{
	width: 90%;
	border-bottom: 1px solid #f0efef;
	padding: 25px 5%;
	
}
.indexnewsdv_right ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.indexnewsdv_right ul li .in_newsleft{
	width: 85px;
	text-align: center;
}
.indexnewsdv_right ul li .in_newsleft h1{
	color: #656565;
	font-size: 48px;
	font-family: "AvantGarde Bk BT";
}
.indexnewsdv_right ul li .in_newsleft h2{
	color: #656565;
	font-size: 14px;
	font-family: "AvantGarde Bk BT";
}
.indexnewsdv_right ul li .in_newsright h1{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}
.indexnewsdv_right ul li .in_newsright{
	width: 535px;
}
.indexnewsdv_right ul li .in_newsright p{
	color: #929292;
	font-size: 14px;
	line-height: 25px;
}
.indexnewsdv_right ul li:last-child{
	border: none;
}
.indexnewsdv_right ul li:hover{
	background-color: #0461c1;
}
.indexnewsdv_right ul li:hover h1{
	color: #fff;
}
.indexnewsdv_right ul li:hover p{
	color: #fff;
}
.indexnewsdv_right ul li:hover h2{
	color: #fff;
}
.index_hzlist{
	width: 1200px;
	margin: 25px auto;
}
.index_hzlist ul{
	display: flex;
	justify-content: space-between;
}
.index_hzlist ul li{
	width: 190px;
	position: relative;
	height: 103px;
}
.index_hzlist ul li img{
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	border: 1px solid #e5e5e5;
	left: 0;
	transition: all .5s;
	opacity: 1;
}
.index_hzlist ul li img:nth-child(2){
	opacity: 0;
}
.index_hzlist ul li:hover img:nth-child(1){
	opacity: 0;	
}
.index_hzlist ul li:hover img:nth-child(2){
	opacity: 1;
}
.index_hz{
	margin: 70px auto;
}
.index_hztop{
	text-align: center;
	font-size: 36px;
	color: #333333;
}
.foot{
	background: url(../images/foot_02.jpg) center no-repeat;
	padding-top: 75px;
	padding-bottom: 50px;
	    background-size: cover;
}
.footdv{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footdvleft ul{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 50px;
}
.footdvleft ul li{
	padding: 0 20px;
	border-right: 1px solid #607181;
}
.footdvleft ul li:last-child{
	border: none;
}
.footdvleft ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	width: 100%;
}
.footdvleft p{
	font-size: 18px;
	color: #fff;
	margin-top: 35px;
}
.footdvleft h1{
	display: flex;
	justify-content: flex-start;
	color: #ffffff;font-size: 48px;
	align-items: center;
	font-family: "AvantGarde Bk BT";
}
.footdvleft h1 i{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/tel_03.jpg) center no-repeat;
	margin-right: 15px;
}
.footdvright{
	margin-right: 80px;
}
.wdl{
	height: 85px;
	background-color: #1d2935;
}
.wdldv{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}
.wdldv p{
	line-height: 85px;
	color: #fff;
	font-size: 16px;
}
.wdldv p a{
	color: #fff;
}

.showall{
	width: 100%;
	border-bottom: 1px solid #ededed;
}
.shownav{
	display: block;
	width: 1200px;
	margin: 0 auto;
}
.shownav ul{
	display: flex;
	justify-content: flex-start;
}
.shownav li a{
	display: block;
	line-height: 70px;
	padding: 0 30px;
	font-size: 20px;
	color: #333333;
}
.shownav li a:hover{
	background-color: #0546ad;
	color: #fff;
}
.newslist{
	width: 1200px;
	margin: 45px auto;
}
.newslist ul li a{
	display: flex;
	justify-content: flex-start;
}
.newslistleft{
	width: 100px;
	text-align: center;
}
.newslistleft h1{
	color: #656565;
	font-size: 48px;
	font-family: "AvantGarde Bk BT";
}
.newslistleft h2{
	color: #656565;
	font-size: 14px;
	font-family: "AvantGarde Bk BT";
}
.newslistright{
	width: 1085px;
}
.newslistright h1{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.newslistright p{
	color: #929292;
	font-size: 14px;
	line-height: 25px;
}
.newslist ul li{
	padding: 25px 0px;
	border-bottom: 1px solid #f0efef;
}
.newslist ul li:hover{
	background-color: #0546ad;
}
.newslist ul li:hover h1{
	color: #fff;
}
.newslist ul li:hover h2{
	color: #fff;
}
.newslist ul li:hover p{
	color: #cee1fe;
}
.prodv {
	background-color: #f5f5f5;
}
.prodv .index_prolist ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.prodv .index_prolist ul li{
	margin-bottom: 35px;
}
.showprotp{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
	margin-bottom: 45px
}
.showprotpleft{
	width: 513px;
}
.showprotpleft img{
	display: block;
	width: 100%;
}
.showprotpright{
	width: 600px;
}
.showprotpright h1{
	font-size: 32px;
	color: #333333;
	margin-bottom: 10px;
}
.showprotpright  p{
	color: #666666;
	line-height: 25px;
	font-size: 14px;
	margin-bottom: 20px;
}
.showprotpright ul{
	margin-bottom: 20px;
}
.showprotpright ul li{
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}
.showprotpright h2{
	display: flex;
	color: #0546ad;
	font-size: 48px;
	font-family: "AvantGarde Bk BT";
	align-items: center;
	padding: 25px 0px;
	border-top: 1px solid #e6e5e5;
	border-bottom: 1px solid #e6e5e5;
	margin-bottom: 35px
}
.showprotpright h2 i{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/showpro_06.jpg) center no-repeat;
	margin-right: 10px;
}
.showprotpright div{
	display: flex;
	justify-content: flex-start;
}
.showprotpright div a{
	display: block;
	width: 150px;
	height: 50px;
	background-color: #0546ad;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	margin-right: 15px;
}
.showprotpright div a:last-child{
	background-color: #7a7a7a;
}
.cpxqdv{
	width: 1200px;
	margin: 40px auto;
}
.cpxqbt{
	height: 50px;
	background-color: #e2e3e4;
}
.cpxqbt h1{
	width: 230px;
	height: 50px;
	background: url(../images/showpro_10.jpg) center no-repeat;
}
.cpxqtext{
	margin: 35px auto;
}
.cptj{
	width: 1200px;
	margin: 0 auto;
}
.cptjlist{
	margin-top: 40px;
	padding-bottom: 35px;
	background-color: #fff;
}
.cptjlist ul{
	display: flex;
	justify-content: space-between;
}
.cptjlist ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.cptjlist ul li div{
	display: block;
	width: 100%;
	overflow: hidden;
}
.cptjlist ul li:hover img{
	transform: scale(1.05);
}
.lxwm_dv{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 60px auto;
}
.lxwm_dvleft p{
	color: #666666;
	font-size: 16px;
	line-height: 35px;
}
.lxwm_dvleft img{
	margin-top: 25px;
	display: block;
}
.gywmjj{
	width:100%;
	margin: 90px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	
	min-width: 1200px;
}
.gywmjjleft{
	width: 700px;margin-right: 50px;
}
.gywmjjleft h1{
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	margin-top: 45px;
	margin-bottom: 25px;
}
.gywmjjleft h2{
	color: #333333;
	font-size: 28px;
	font-family: arial;
	margin-bottom: 25px;
}
.gywmjjleft p{
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}
.gsln{
	display: flex;
	justify-content: space-between;
	background: url(../images/gywmbags_02.jpg) center no-repeat;
	background-size: cover;
}
.gsln_dv{
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 70px;
	padding-top: 20px;
}
.gsln_top h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.gsln_top p{
	color: #333333;
	font-size: 14px;
	text-align: center;
	margin-bottom: 60px;
	margin-top: 25px;
}
.gsln_list ul{
	display: flex;
	justify-content: space-between;
}
.gsln_list ul li{
	width: 201px;
}
.gsln_list ul li div{
	background: url(../images/quan_03.png) center no-repeat;
	width: 100%;
	height: 201px;
	color: #ffffff;
	font-size: 28px;
	text-align: center;
	line-height: 180px;
}
.gsln_list ul li p{
	width: 80%;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
	margin: 0 auto;
	margin-top: 25px;
}
.rongyu{
	width: 1200px;
	margin: 60px auto;
}
.rongyu ul{
	display: flex;
	justify-content: space-between;
}
.rongyu ul li div{
	    width: 185px;
	padding: 5px;
	border: 1px solid #e5e5e5;
}
.rongyu ul li div img{
	display: block;
	width: 100%;
}
.yeshu {
	padding-bottom: 60px;
}
.yeshu .my-4 div{
	display: flex;
	justify-content: center;
}
.banneralls img {
	width: 100%;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0461c1;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #0461c1;
    border-color: #0461c1;
}
.container{
	width: 1200px;
	margin:20px auto;
}
.zxly{
	width: 1200px;
	margin: 70px auto;
}
.zxly h1{
	text-align: center;
	font-size: 32px;
	color: #333333;
	margin-bottom: 25px;
}

.zxly form{
	width: 1200px;
	margin: 0 auto;
}
.zxly form input{
	height: 55px;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	line-height: 55px;
	outline: none;
	width: 100%;
	margin-bottom: 10px;
	text-indent: 1em;
}
.zxly form div{
	display: flex;
	justify-content: space-between;
}
.zxly form div input{
	width: 32%;
	text-indent: 1em;
}
.zxly form textarea{
	width: 100%;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	outline: none;
	width: 100%;
	margin-bottom: 20px;
	text-indent: 1em;
	line-height: 35px;
	height: 150px;
}
.zxly form .sub{
	width: 140px;
	height: 55px;
	background-color: #2163cc;
	text-align: center;
	color: #fff;
	line-height: 55px;
	text-indent: 0em;
	display: block;
	
}
</pre></body></html>